<template>
    <div class="table">
        <el-table
            :data="tableData"
            style="width: 100%"
            border
        >
            <el-table-column
                type="expand"
            >
                <template slot-scope="props">
                    <el-form
                        label-position="left" 
                    >

                        <el-form-item
                            label="回答内容："
                            
                        >
                            <span v-if="false" style="color:#333;">3月8日，习近平参加河南代表团审议。他首先向全国各族各界妇女致以节日祝福，随后对河南实施乡村振兴战略提出新要求。习近平说，“乡村、现代农村农业发展的空间仍然是一片大有可为的土地。”在回应李连成代表的“八个梦想”时，习近平说，“我经常到一些贫困地区去，到农村去，我总有一句话，我说你们还需要些什么？”习近平强调：“我们宗旨就是为人民服务，围绕着人民群众对幸福美好生活的追求来实践，这个实践过程是一步一个脚印、一棒接着一棒往前走。 ”中央广播电视总台央视网推出系列微视频《一分钟看习近平“下团组”》第四期，看习近平回应农民代表的“八个梦想”，为乡村振兴出谋划策。</span>
                            <el-button icon="el-icon-caret-right" @click="open_mp3" type="primary" round size="small">点击播放</el-button>
                        </el-form-item>

                        <el-form-item
                            label="查看回答者信息"
                        >
                            <el-button type="text" size="mini">点击查看</el-button>
                        </el-form-item>

                    </el-form>
                </template>
            </el-table-column>

            <el-table-column
                type="index"
            ></el-table-column>

            <el-table-column
                label="答案类型"
            >
                <template slot-scope="scope">
                    <span>{{ scope.row.answerType === 'voice' ? '语音' : '文字' }}</span>
                </template>
            </el-table-column>

            <el-table-column
                label="获得赏金"
                prop="getMoney"
            ></el-table-column>

            <el-table-column
                label="浏览人数"
                prop="lookPeopleNum"
            ></el-table-column>

            <el-table-column
                label="点赞人数"
                prop="praiseNum"
            ></el-table-column>

            <el-table-column
                label="是否被采纳"
            >
                <template slot-scope="scope">
                    <span>{{ scope.row.isAccept ?  '是' : '否' }}</span>
                </template>
            </el-table-column>

            <el-table-column
                label="回答时间"
                prop="answerTime"
            >
            </el-table-column>

            <el-table-column
                label="操作"
            >
                <template slot-scope="scope">
                    <el-button type="text" size="mini" @click="edit(scope.$index)">编辑</el-button>
                    <el-button type="text" size="mini" @click="del(scope.$index)">删除</el-button>
                </template>
            </el-table-column>

        </el-table>
    </div>
</template>

<script>
export default {
    name: 'Table',
    data () {
        return {
            tableData: [1]
        }
    },
    methods: {
        open_mp3() {
            window.open('https://www.baidu.com/')
        },
        edit (index) {
            this.$emit('edit', index);
        },
        del (index) {
            this.$emit('del', index);
        }
    }
}
</script>

<style lang="stylus" scoped>
    .table
        width 100%
        height 100%
</style>

